@import("indexCommon.css");
.index-container {  background:#E9E9E9;padding-bottom: 5px; margin-top:-22px}
/*品牌专栏*/
.container {  width:1090px; margin:0 auto }
.inblock { display:inline-block; vertical-align:middle}
/*今日特价*/
.ui-sale { margin-top:10px}
.ui-sale .ui-sale-header { height:65px; position:relative;border-bottom: 3px solid #ff5c00;}
.ui-sale .ui-sale-header .ui-sale-title { background: url("../images/newIndex/newIndexIcon.png") -186px -232px no-repeat;display: block;width: 118px;height: 29px;position: absolute;top: 20px;left: 0;}
.ui-sale .ui-sale-header p {  text-align:center; line-height: 65px;}
.ui-sale .ui-sale-header .ui-time-count-bg  {font-family: "Microsoft YaHei";font-weight: bold;font-size: 22px; background:url("../images/newIndex/newIndexIcon.png") -57px -78px no-repeat; width:40px; height:37px; line-height:37px; text-align:center; color:#fff; }
.ui-sale .ui-sale-header .dot { background:url("../images/newIndex/newIndexIcon.png") no-repeat -110px -83px; width:10px; height:28px; }
.ui-sale .ui-sale-header .ui-arr { width:60px; height:30px; overflow:hidden; position:absolute; top:18px; right:0}
.ui-sale .ui-sale-header .ui-arr a { cursor:pointer; display:block; float:left; width:30px; height:30px; background:url("../images/newIndex/newIndexIcon.png") no-repeat;}
.ui-sale .ui-sale-header .ui-arr .arr-left { background-position:-165px -53px }
.ui-sale .ui-sale-header .ui-arr .arr-left.on {  background-position:-165px -83px }
.ui-sale .ui-sale-header .ui-arr .arr-right { background-position:-194px -53px;  }

.ui-sale .ui-sale-header .ui-arr .arr-right.on {  background-position:-194px -83px; }
.ui-sale .ui-sale-header .ui-arr .arr-left:hover { background-position:-165px -83px }
.ui-sale .ui-sale-header .ui-arr .arr-right:hover { background-position:-194px -83px;  }
.ui-sale .ui-sale-header .text {  font-size:14px; margin:0 5px; font-weight:bold; color:#555}
.ui-sale .ui-item {padding: 10px; overflow:hidden }
.ui-sale .ui-item-title { float:left; font-size: 12px;color: #666;width: 170px;height: 32px;line-height: 16px;overflow: hidden;overflow: hidden;text-overflow: ellipsis;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.ui-sale .ui-item-price { float:right; color: #cc0004;font-size: 13px;font-weight: bold;width: 68px;overflow: hidden;text-align: right;}
.ui-sale .ui-sale-content ul { overflow:hidden;}
.ui-sale .ui-sale-content ul li { width:261px;float:left; margin-right: 15px;background: #fff; border-radius:5px;}
.ui-sale .ui-sale-content ul li a {position:relative;  display:block;  }
.ui-sale .ui-item-img {padding-top: 10px;}
.ui-sale .ui-item-img  img{ width:240px; height:240px;display:block; margin:0 auto}
.ui-sale .ui-sale-content {margin-top: 15px; position:relative; width:1090px; overflow:hidden}
.ui-sale .ui-overlayBg {transition: all 0.2s ease-out;z-index: 3;opacity: 0;filter: Alpha(opacity=0);-webkit-transition: all 0.2s ease-out; position:absolute; width:100%; height:100%;background:#000; opacity:0; filter:alpha(opacity=0);  top:0; left:0; border-radius:5px; }
.ui-sale .ui-overlay {opacity: 0;filter: Alpha(opacity=0);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out; position:absolute; top:50%; left:50%; margin:-100px 0 0 -79px; background:url("../images/newIndex/newIndexIcon.png") no-repeat; background-position:0 -125px; width:158px; height:202px; }
.ui-sale .ui-overlay p { margin-top:108px;text-align:center; color:#fff; font-size:14px; }
.ui-sale .ui-overlay p span { font-weight:bold }
.ui-sale ul li a:hover .ui-overlayBg {opacity: 0.4;filter: Alpha(opacity=40); }
.ui-sale ul li a:hover .ui-overlay {opacity: 1;filter: Alpha(opacity=100);top: 99px; z-index:4 }

/*品牌专栏*/

.ui-brand .arr {cursor:pointer; position:absolute; display:block; width:23px; height:39px; background:url("../images/newIndex/newIndexIcon.png") no-repeat;}
.ui-brand .pre { background-position:-24px 0; left:0; top:50%; z-index:3; margin:0px 0 0 -11px; *margin:-18px 0 0 -11px }
.ui-brand .pre:hover { background-position:-24px -39px  }
.ui-brand .next { background-position:0 0;right:0; top:50%;z-index:3; margin:0px -11px 0 0; *margin:-18px -11px 0 0;}
.ui-brand .next:hover { background-position:0px -39px  }
.ui-brand-box { overflow:hidden; position:relative}
.ui-brand-box ul {  width:3270px; }
.ui-brand-box ul li { float:left; width:1120px; padding:1px 1px}
.ui-brand-box ul li a { background:#fff; float:left;margin-left: -1px;margin-top: -1px; text-align:center; border:1px solid #ccc; width:179px; height:80px;  }
.ui-brand-box ul li a.big { width:367px; height:161px;  }
.ui-brand-box ul li .big img { display:block; width: 367px;height:161px}
.ui-brand-box ul li a.small img { margin:20px 0 0 38px; *margin:20px 0 0 0px; width:100px; height: 40px; }
.ui-brand-box ul li a:hover { position:relative; z-index:2; border:1px solid #ff5c00 }

/*特惠专场*/
.site-floor-dt-fl h2 { color:#ff5c00}


/*轮播*/

/*@media (min-width: 1240px) {
    .slideBox { width: 1240px;}
    .imgArea {margin-left: -340px;}
}
.w1240 .slideBox { width: 1240px;}
.w1240 .imgArea {margin-left: -340px;}

@media ( max-width: 1240px) {
    .slideBox { width: 1000px;}
    .imgArea {margin-left: -460px;}
}*/
.w1000 .slideBox { width: 1000px;}
.w1000 .imgArea {margin-left: -460px;}

.focus_banner {height: 350px; overflow: hidden; width: 1090px;}
.slideBox { position: relative; width:1090px;overflow: hidden;  background-color: #fff; margin: 0 auto;height: 350px; }
.imgArea {  display: block;height: 350px; overflow: hidden;position: absolute; top: 0; left: 0;width:9999px; }
.imgArea li { float: left;width: 1090px; height: 350px;text-align: center;overflow: hidden;}
.imgArea li img { width:1090px; height:350px }
.main-banner {display: block;}
.btnArea { position: absolute; display: none; bottom: 10px; left: 50%; padding-right: 10px; height: 19px; margin: 0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.3); }
.btnArea span { float: left; display: inline-block; width: 13px; height: 13px; margin-left: 10px; cursor: pointer; background-color: #ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; top: 3px; left: 0; font-size: 0; overflow: hidden; zoom: 1; }
.btnArea span.bannercur { background-color: #FF5c00; }

/*弹出层*/
#popup_container span.close { cursor: pointer; width: 33px; height: 33px; display: block; float: right; background: url(../images/index/close_03.png) no-repeat; position: absolute; top: 234px; right: 19px; }
#popup_container a { display: block; }
#popup_container img { clear: both;left: -30px; position: relative;top: -10px; }

.fixLeftImg { position:fixed; bottom:20px; left:10px; z-index:99; *margin-left:-1250px; }
.fixLeftImg .fixLeftTop {  background:url("../images/leftFixImg.png") no-repeat; width:125px; height:230px; position:relative;}
.fixLeftImg .fixLeftTop a { position:absolute; width:100px; height:30px; left:13px;}

.fixLeftImg .fixLeftTop .area-hotProductCon {  top:50px;}
.fixLeftImg .fixLeftTop .area-specialProductCon {  top:86px;}
.fixLeftImg .fixLeftTop .area-temai {  top:124px;}
.fixLeftImg .fixLeftAd { margin-left: 3px;}
.fixLeftImg .fixLeftAd img { width:106px;}
.fixLeftImg .fixLeftAd .fixLeftAd_close {position: absolute;left: 100px; border:1px solid #808080; background-color:#fff;display:block;cursor:pointer; border-radius:50%;width:15px;height:15px;text-align:center;line-height: 14px;}
 
.outerbox { background:url("../images/newIndex/outerBg.png") top no-repeat ;}






